<template>
  <demoBlock title="搭配单元格组件使用" padding>
    <vcu-radio-group v-model="checked">
      <vcu-cell-group>
        <vcu-cell clickable title="radio1" @click="checked = '1'">
          <template #right-icon>
            <vcu-radio name="1" />
          </template>
        </vcu-cell>
        <vcu-cell clickable title="radio2" @click="checked = '2'">
          <template #right-icon>
            <vcu-radio name="2" />
          </template>
        </vcu-cell>
      </vcu-cell-group>
    </vcu-radio-group>
  </demoBlock>
</template>

<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const checked = ref("1");
    return { checked };
  },
});
</script>
